<style>
  body{
     background-color: lightgoldenrodyellow;
     font-family: Verdana;
  }
  #container{
     border:1px solid #B71402;
     padding:10px;
     float: left;

  }
  #header{
     border:1px solid #FF0080;
     padding:10px;
  }

  #content{
     border:1px solid #0080C0;
     padding:10px;
     margin-top:10px;
     float: left;
  }

  #footer{
     border:1px solid #008000;
     padding:10px;
     margin-top:10px;
     float: left;
  }

  #left{
    border: 1px solid #800040;
    float: left;
    margin: 5px;
    padding: 10px;
    width: 185px;
  }

  #main{
    border: 1px solid #008000;
    float: left;
    margin: 5px;
    padding: 10px;
    width: 400px;
  }
</style>

<div id="container">

  <div id="header">
    Home | About us | Contact Us | Careers | Portfolio
  </div>

  <div id="content">

    <div id="left">
      <ol>
        <li>Php</li>
        <li>Sql</li>
        <li>Java</li>
        <li>.Net</li>
        <li>HTML</li>
        <li>AJAX</li>
        <li>Linux</li>
        <li>PASCAL</li>
      </ol>
    </div><!-- End left-->
    <div id="main">
      <p>
        This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.
      </p>
      <p>
        This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.This is dummy content.
      </p>
    </div><!-- End main-->

  </div><!-- End content-->

  <div id="footer">
    &copy;mysite.com &nbsp; 2012-2013
  </div><!-- End Footer-->

</div><!-- End container-->
